/*
 * index
**/


/* 白色背景 */
.body_wrap .box_white{ background-color: #fff;}
/* 灰色背景 */
.body_wrap .box_gray{ background-color: #f3f2f4;}

.index_con{ width: 1000px; margin: 0 auto; overflow: hidden;}
.index_con .index_con_t{ height: 100px; padding-top: 10px; line-height: 100px; text-align: center; color: #333; font-size: 32px; font-family: "Microsoft yahei";}
.index_con .btn_oper_purple{ height: 26px; line-height: 26px; background: none;}
.index_con .txt_center{ text-align: center; height: 44px; margin-bottom: 20px;}

/* index_banner */
.index_banner_box{ position: relative; height: 386px; border-bottom: 1px solid #cac9cb; overflow: hidden;}
.index_banner_box .ms_btn{ background: url(../img/index_arrow.png) no-repeat; _background: url(../img/index_arrow_ie6.png) no-repeat; position: absolute; top: 130px; left:50%; display: block; width: 51px; height: 103px; z-index: 3;}
.index_banner_box .ms_prev{ margin-left: -565px;}
.index_banner_box .ms_next{ background-position: -61px 0; margin-left: 513px;}

.banner_list{ height: 386px; width: 1000px; margin: 0 auto; position: relative; zoom:1;}
.banner_list ul{ width: 9999px; position: absolute; left:0; top: 0; height: 386px;}
.banner_list li{ display: inline; float: left; width: 1000px; height: 386px; overflow: hidden; border-right: 1px solid #fff; position: relative;}
.banner_list li .mask_layer{ position: absolute; top: 0; left: 0; display: block; width: 1000px; height: 386px; background:none rgba(255, 255, 255, 0.4); filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#66FFFFFF',endColorstr='#66FFFFFF')\9; z-index: 2;}
.banner_list li.cur .mask_layer{ display: none;}
.banner_list li img{ width: 1000px;}

/* index_feature */
.index_con .index_feature{ padding: 50px 0 40px; margin-right: -90px;}
.index_feature li{ float: left; display: inline; width: 280px; margin-right: 80px; text-align: center;}
.index_feature li a{ display: block; text-align: center;}
.index_feature li a.feature_img{ display: inline-block; width: 88px; height: 86px; background: url(../img/index_features.png) no-repeat;}
.index_feature li a.feature_img1{ background-position: 0 0;}
.index_feature li a.feature_img2{ background-position: -108px 0;}
.index_feature li a.feature_img3{ background-position: -216px 0;}
.index_feature li a.feature_t{ color: #000; font-size: 20px; font-family: "Microsoft yahei";}
.index_feature li a.feature_desc{ color: #666; line-height: 20px; text-align: left;}

/* 形象创意 */
.index_con .works_show_list{ margin: 0 -40px 30px 0;}
.works_show_list li{ width: 224px; float: left; display: inline; margin-right: 28px;}
.works_show_list .works_show{ background-color: #fff; border: 1px solid #ddd; width: 214px; padding: 4px 4px 10px; position: relative;}
.works_show_list .works_show i{ position: absolute; display: block;}
.works_show_list .works_show i.icon_new{ position: absolute; top: -1px; left: -1px; display: block; width: 62px; height: 61px; background: url(../img/label_new_62.png) no-repeat;}
.works_show_list .works_show i.price_box{ position: absolute; top: 9px; right: -3px; display: inline-block; height: 24px; line-height: 24px; background-color: #00b22d; font-size: 15px; font-family: "Microsoft yahei"; font-style: normal; color: #fff; text-align: center; font-weight: normal; padding: 0 4px;}
.works_show_list .works_type_box{ margin-top: 6px; height: 24px; font-size: 13px;}
.works_show_list .works_type_box .works_type{ font-size: 13px;}
.works_show_list .like_box{ color: #a72b8f; font-family: Arial; font-size: 13px;}
.works_show_list .like_box .fav_heart{ display: inline-block; vertical-align: -2px; background: url(../img/icon_heart_14.png) no-repeat; width: 14px; height: 12px;}
.works_show_list .liked_box{ color: #9d9d9d;}
.works_show_list .liked_box .fav_heart{ background-position: 0 -22px;}
.works_show_list .works_name{ font-size: 14px; height: 24px; line-height: 24px; overflow: hidden;}
.works_show_list .user_name{ margin-top: 5px; height: 20px; line-height: 20px; overflow: hidden;}

/* 剧本 */
.index_con .script_show_list{ margin: 0 -70px 30px 0;}
.script_show_list li{ float: left; display: inline; width: 146px; margin-right: 63px;}
.script_show_list .script_cover{ display: block; width: 140px; height: 209px; padding: 2px; border: 1px solid #ddd; margin-bottom: 3px;}
.script_show_list .script_name,.script_show_list .script_comp{ color: #a72b8f; height: 18px; line-height: 18px; overflow: hidden;}
.script_show_list .script_comp{ color: #000;}

/* 渲染作品 */
.index_con .render_show_list{ padding-bottom: 100px; margin-right: -100px;}
.render_show_list li{ float: left; display: inline; width: 270px; margin-right: 92px; position: relative;}
.render_show_list li .icon_play{ position: absolute; left: 90px; top: 52px; display: block; width: 78px; height: 48px; background: url(../img/render_icon_play.png) no-repeat; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/render_icon_play.png', sizingMethod="crop");}
.render_show_list li .render_cover{ display: block; background-color: #fff; padding: 3px; width: 262px; border: 1px solid #ddd;}
.render_show_list li .render_name{ display: block; height: 24px; line-height: 24px; margin: 6px 0 2px; color: #000; font-size: 16px; font-family: "Microsoft yahei";}
.render_show_list li .render_desc{ color: #666; line-height: 16px;}

/* link_bar */
.index_link_bar{ background-color: #7d4297; height: 156px;}
.index_link_bar .index_con{ width: 1000px; line-height: 156px;}
.index_link_bar .index_con ul{ margin-right: -65px;}
.index_link_bar .index_con li{ float: left; display: inline; margin-right: 62px;}

